<template>
 <div>
     <vue-particles
          color="#409EFF"
          :particleOpacity="0.7"
          :particlesNumber="60"
          shapeType="circle"
          :particleSize="6"
          linesColor="#409EFF"
          :linesWidth="1"
          :lineLinked="true"
          :lineOpacity="0.4"
          :linesDistance="150"
          :moveSpeed="3"
          :hoverEffect="true"
          hoverMode="grab"
          :clickEffect="true"
          clickMode="push">
          <div class="p">
              asd
          </div>          
          </vue-particles>
          <div class="p">
              欢迎你 
          </div> 
 </div>
</template>

<script>

</script>

<style>
      .p{
      position: relative;
      }
       #particles-js{
         width: 100%;
         height: calc(100% - 100px);
         position: absolute;
    }       

</style>

